<template>
  <div>
    <span style="font-size: 50px">{{ titleName }}</span>
    <div v-highlight v-html="usage.content" id="content"/>
  </div>
</template>

<script>
import {marked} from 'marked';
import axios from "axios";
export default {
  name: "Home",
  components: {marked},
  data() {
    return {
      titleName: "usage",
      usage: {
        content: ''
      }
    }
  },
  watch: {},
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      let url = '/docs/README.md';
      axios.get(url)
          .then(res => {
            this.usage.content = marked(res.data)
          })
    }
  }
}
</script>


<style scoped>

</style>